<script>
export default {
  name: "TabItem",
  props:['src','words'],
}
</script>

<template>
  <div class="tabBar-item">
    <img :src="src" alt="">
    <div class="words">{{words}}</div>
  </div>
</template>

<style scoped>
.tabBar-item{
  width: 20%;
  text-align: center;
  float: left;
}
.words{
  text-align: center;
  font-size: 13px;
  margin-top: -4px;
}
</style>